<%@page import="com.tubeonfire.entity.Channel" %>
<%@page import="com.tubeonfire.entity.Category" %>
<%@page import="com.tubeonfire.entity.Tube" %>
<%@page import="com.tubeonfire.service.ChannelService" %>
<%@page import="java.util.List" %>
<%	
	request.setCharacterEncoding("UTF-8");
	String url = "http://www.tubeonfire.com/home";
	String title = "TubeOnFire - Mix Something From Utube.";
	String description = "Mix something from youtube. Create an video playlist in seconds with TubeOnFire";
	String keyword = "video clip, youtube, mix clip, tubeonfire.com, tubeonfire, your clip,  sharing, camera phone, video phone, free...";
%>
<jsp:include page="/element/header.jsp">	
	<jsp:param name="url" value="<%= url %>"/>
	<jsp:param name="title" value="<%=title %>"/>	
	<jsp:param name="keywords" value="<%=keyword %>"/>
	<jsp:param name="description" value="<%=description %>"/>
</jsp:include>

 <div class="clear"></div> 
 <section id="wrapper">		
 <div class="page_wrap">
<div class="page_container box_alignleft sidebox">
  <div class="ei-wrapper">
  <div id="ei-slider" class="ei-slider">
     <ul class="ei-slider-large">
     	<%	
		List<Tube> listBanner = (List<Tube>)request.getAttribute("listBanner");
		if(listBanner!=null&&listBanner.size()>0){	
		for(Tube tub: listBanner){							
		%>						
		<li style="padding: 0; background: #000;">
         <a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" style="display: block; text-align: center; padding-top: 20px;"> 
         	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle()%>" style="width: 480px !important; height: 360px !important; margin: 0 !important;" />
       	  </a>
          <div class="ei-title">
          <h2><%=tub.getTitle().getValue() %></h2>
           
            </div>
        </li>
	<%
	
	}
	}
	%>
</ul><!-- ei-slider-large -->

<ul class="ei-slider-thumbs">
	 <li class="ei-slider-element">Current</li>
<%	
	if(listBanner!=null&&listBanner.size()>0){	
	for(Tube tub: listBanner){		
	%>						
		<li><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html"><%=tub.getTitle().getValue() %></a>
		<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" /></li>
	<%
	
	}
	}
	%>
           </ul><!-- ei-slider-thumbs -->
       </div><!-- ei-slider -->
    </div>
  <div class="clear" style="height:30px;"></div>


	<%	
	List<Tube> listMostView = (List<Tube>)request.getAttribute("listMostView");
	if(listMostView!=null&&listMostView.size()>0){
		%>
			<h2 class="title-line alignright"><a style="color: black"  href="/charts/most-vieweds">Most Viewed Today</a></h2>
			<div class="viboxes">
			<ul>
		<%
	int i = 1;
	for(Tube tub: listMostView){
			if((i%3)!=0){
				%>
				<li style="margin-right:30px; margin-bottom:18px;">
				<%
			}else{
				%>
				<li style="margin-right:30px; margin-bottom:18px;"  class="last">
				<%
			}
		%>				
	      <div class="content" style="width:200px;">
		  <div class="preview" style="height:125px;">
		  <div class="picture">
		  <div class="alpha"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle()%>">
		  	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" width="200" height="125"/></a></div>
		  	<div class="date">
		  		<a class="button red small icon clock" href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" ><%=tub.getTotalTime().getValue() %></a>
		  		<a class="button red small icon refresh repeat" href="http://www.youtube.com/watch?v=<%=tub.getTubeId()%>">Repeat &nbsp;</a>
	  	  </div>
	  	  </div>
  		  </div>
		<div class="title"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>"><%=tub.getSubTitle().getValue()%></a></div>
		</div>
	</li>
	<%
	i++;
	}%>
		</ul>
		</div>
	<%
	}
	%>


	<%	
	List<Tube> listMostPopular = (List<Tube>)request.getAttribute("listMostPopular");
	if(listMostPopular!=null&&listMostPopular.size()>0){
	%>
		<h2 class="title-line alignright">Most Popular Today</h2>
		<div class="viboxes">
		<ul>
	<%
	int i = 1;
	for(Tube tub: listMostPopular){
			if((i%3)!=0){
				%>
				<li style="margin-right:30px; margin-bottom:18px;">
				<%
			}else{
				%>
				<li style="margin-right:30px; margin-bottom:18px;"  class="last">
				<%
			}
		%>				
	      <div class="content" style="width:200px;">
		  <div class="preview" style="height:125px;">
		  <div class="picture">
		  <div class="alpha"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>">
		  	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" width="200" height="125"/></a></div>
		  	<div class="date">
		  		<a class="button red small icon clock" href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" ><%=tub.getTotalTime().getValue() %></a>
		  		<a class="button red small icon refresh repeat" href="http://www.youtube.com/watch?v=<%=tub.getTubeId()%>">Repeat &nbsp;</a>
	  	  </div>
	  	  </div>
  		  </div>
		<div class="title"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>"><%=tub.getSubTitle().getValue()%></a></div>
		</div>
	</li>
	<%
	i++;
	}%>
		</ul>
		</div>
	<%
	}
	%>


	<%	
	List<Tube> listMostRecent = (List<Tube>)request.getAttribute("listMostRecent");
	if(listMostRecent!=null&&listMostRecent.size()>0){
	%>
		<h2 class="title-line alignright">Recent Video</h2>
		<div class="viboxes">
		<ul>
	<%
	int i = 1;
	for(Tube tub: listMostRecent){
			if((i%3)!=0){
				%>
				<li style="margin-right:30px; margin-bottom:18px;">
				<%
			}else{
				%>
				<li style="margin-right:30px; margin-bottom:18px;"  class="last">
				<%
			}
		%>				
	      <div class="content" style="width:200px;">
		  <div class="preview" style="height:125px;">
		  <div class="picture">
		  <div class="alpha"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>">
		  	<img src="<%=tub.getThumbImageUrl().getValue() %>" alt="<%=tub.getTitle().getValue() %>" width="200" height="125"/></a></div>
		  	<div class="date">
		  		<a class="button red small icon clock" href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" ><%=tub.getTotalTime().getValue() %></a>
		  		<a class="button red small icon refresh repeat" href="http://www.youtube.com/watch?v=<%=tub.getTubeId()%>">Repeat &nbsp;</a>
	  	  </div>
	  	  </div>
  		  </div>
		<div class="title"><a href="/video/<%=tub.getTubeId() %>/<%=tub.getAlias().getValue() %>.html" title="<%=tub.getTitle().getValue()%>"><%=tub.getSubTitle().getValue()%></a></div>
		</div>
	</li>
	<%
	i++;
	}
	%>
		</ul>
		</div>
	<%	
	}
	%>
<br /> 

</div>
<div class="page_sidebox box_alignfull">
<!-- BEGIN WIDGET -->	

<div class="follow_us">
<div class="follow_social">
           <div class="iconBox">
           <a href="http://twitter.com/Marius_SEO" target="_blank"><div class="twitter" title="Yeah, stalking is allowed!"></div></a>
 <span>
 <div class="follow-text">Follow us</div>

 </span>
 </div>
 <div class="iconBox">
<a href="http://www.facebook.com/videosoft" target="_blank"><div class="facebook" title="Be one of our happy fans"></div></a>
 <span>
<div class="follow-text">Be a Fan</div>

 </span>
 </div>
<div class="iconBox">
 <a href="http://videoinedit.com/rss.php" target="_blank"><div class="feedburner" title="Get fresh videos on your e-mail!"></div></a>
 <span>
<div class="follow-text">Subscribe</div>

 </span>
 </div>
</div>
</div>
<jsp:include page="/element/playlist.jsp"/>
<jsp:include page="/element/advertising_right01.jsp"/>	
<jsp:include page="/element/channels.jsp"/>			
<jsp:include page="/element/categories.jsp"/>	
</div>
<!-- end pv-sidebox --></div>
</div>
<div class="clear"></div>

<jsp:include page="/element/advertising_right02.jsp"/>	
<jsp:include page="/element/footer.jsp"/>	